<template>
    <div class="appointment">
        <!-- <div class="title">
            <van-row>
                <van-col span="2"><img src="@assets/imgs/后退.png" /></van-col>
                <van-col span="20" class="text">预约</van-col>
                <van-col span="2"><img src="@assets/imgs/省略号.png" /></van-col>
            </van-row>
        </div> -->
        <!-- 预约商品 -->
        <router-link :to="item.wap_url?item.wap_url:''" v-for="(item,index) of list" :key="index">
            <div class="commodity">
                <img src="@assets/imgs/geli.png" />
                <div class="text">
                    <p>{{item.title}}</p>
                    <p>{{item.detail}}</p>
                    <button class="botton">预约</button>
                </div>
            </div>
        </router-link>
    </div>
</template>
<script>
import { Row, Col } from 'vant';
export default {
    data(){
        return {
            list:[
                {
                    title:"格力静音空调",
                    detail:"免费预约"
                },{
                    title:"格力静音空调",
                    detail:"免费预约"
                },{
                    title:"格力静音空调",
                    detail:"免费预约"
                },{
                    title:"格力静音空调",
                    detail:"免费预约"
                }
            ]
        }
    }
}
</script>
<style scoped>

</style>

